<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>凑单品</title>
    <link rel="stylesheet" href="./lib/mui/css/mui.css">
    <link rel="stylesheet" href="./lib/fontawesome/css/font-awesome.css">
    <link rel="stylesheet" href="./css/gsproduct.css">
    <link rel="stylesheet" href="./css/couponproduct.css">
    <style>
            html,
            body {
                margin: 0;
                height: 100%;
            }

            .bg {
                width: 100%;
                height: 100%;
                background-color: #000;
                position: absolute;
                top: 0;
                left: 0;
                z-index: 2;
                opacity: 0.3;
                /*兼容IE8及以下版本浏览器*/
                filter: alpha(opacity=30);
            }

            .loginbox {
                /* width: 200px; */
                height: 200px;
                /* background-color: #FF0; */
                margin: auto;
                position: absolute;
                z-index: 3;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;

            }
        </style>

</head>
<body>
    <header id="header" class="mui-bar mui-bar-nav">
        <h1 class="mui-title">优惠券</h1>
        <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
        <a class="mui-pull-right">
            <span class="fa fa-download"></span>
            <p>app下载</p>
        </a>
    </header>

    <!-- 主体内容 -->
    <div class="couponproduct_view">
        <div class="couponproduct_list">
            <div class="title">
                <p>
                -点餐前出示手机中的优惠券，即可享受优惠-

                </p>
            </div>
            <ul class="mui-table-view ">

            </ul>

        </div>
    </div>
    <div class="imgzzs"></div>
    <div class="lunbo_img">
            <div class="mui-slider">
                    <div class="mui-slider-group mui-slider-loop boxlun">
                      <!--支持循环，需要重复图片节点-->
                      <div class="mui-slider-item mui-slider-item-duplicate"><a href="#"><img src="http://d3.5ikfc.com/static/thumbs/1016/kfc-5ikfc-108_pc27.jpg" /></a></div>
                      <div class="mui-slider-item"><a href="#"><img src="http://d3.5ikfc.com/static/thumbs/1016/kfc-5ikfc-108_pc27.jpg" /></a></div>
                      <div class="mui-slider-item"><a href="#"><img src="http://d3.5ikfc.com/static/thumbs/1016/kfc-5ikfc-108_pc27.jpg" /></a></div>
                      <div class="mui-slider-item"><a href="#"><img src="http://d3.5ikfc.com/static/thumbs/1016/kfc-5ikfc-108_pc27.jpg" /></a></div>
                      <div class="mui-slider-item"><a href="#"><img src="http://d3.5ikfc.com/static/thumbs/1016/kfc-5ikfc-108_pc27.jpg" /></a></div>
                      <!--支持循环，需要重复图片节点-->
                      <div class="mui-slider-item mui-slider-item-duplicate"><a href="#"><img src="http://d3.5ikfc.com/static/thumbs/1016/kfc-5ikfc-108_pc27.jpg" /></a></div>
                    </div>
                  </div>
    </div>

</body>




<!-- 模板引擎 -->
<script type="text/html" id="tpsp">
</script>



<script src="./lib/mui/js/mui.js"></script>
<script src="./lib/zepto/zepto.js"></script>
<!-- <script src="./js/common.js"></script> -->
<script src="./lib/arttemplate/template-web.js"></script>
<script src="./js/couponproduct.js"></script>

</html>